<ion-header>
  <ion-navbar color="danger">
    <ion-title>单品</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-row>
    <ion-col class="shop-collection" col-6 *ngFor="let item of items, let i = index">
      <img imgloading src="{{item.data.cover_image_url}}" alt="单品图片">
      <p class="title">{{item.data.name}}</p>
      <ion-row class="subTitle" align-items-center justify-content-between>
        <span class="price">{{'¥'+item.data.price}}</span>
        <ion-badge no-padding class="like">
          <ion-icon name="heart"></ion-icon>
          {{item.data.favorites_count}}
        </ion-badge>
      </ion-row>
    </ion-col>
  </ion-row>
  <ion-infinite-scroll *ngIf="nextUrl" (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
        loadingSpinner="bubbles" loadingText="拼命加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>